<template>
	<view class="padding-30">
		<view class="flex-boderRadius-view bg-fff padding-0-30 margin-bottom20">
			<view class="flex-column padding-20-0">
				<view class="fontSize-15 color-333 margin-bottom20">{{data.title}}</view>
				<view class="fontSize-13 color-999 margin-bottom20" v-if="data.updatetime">{{data.createtime}}</view>
				<!-- <image class="image-view margin-bottom20" :src="data.image" mode=""></image> -->
				<!-- <view class="fontSize-13 color-999">{{data.content}}{{data.desc}}</view> -->
				<u-parse :content="data.content"></u-parse>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				id:'',
				data:{}
			}
		},
		onLoad(e) {
			this.id = e.id
			this.getclassRoomContent()
		},
		methods:{
			async getclassRoomContent(){
				let res = await this.$http.post(this.$api.article_detail,{id:this.id},{token:true})
				this.data = res.data
			}
		}
	}
</script>

<style lang="scss" scoped>
	.image-view{
		width: 200rpx;
		height: 200rpx;
		border-radius: 10rpx;
		flex-shrink: 0;
	}
</style>